<template>
	<view style="display: flex;flex-wrap: wrap; justify-content:space-around;">
		<view class="" v-for="(item,index) in lists" :key="index"   @tap="jump(item.url)"  style="width: 30%; display: flex;justify-content:center; margin-top: 30rpx;">
			<view class="" style="width: 100%;display: flex;flex-direction:column;justify-content:center;">
				<view class=""  style="display: flex;justify-content:center;">
					<view style="width: 80rpx; height: 80rpx; background-color: #F5ECED; border-radius: 15rpx; display: flex;justify-content:center;align-items:center;">
						<image style=" height: 48rpx; width: 48rpx;" :src="photo_cdn+item.img"></image>
					</view>
				</view>
				<view class="" style="margin-top: 15rpx;display: flex;justify-content:center;">
					{{item.title}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import config from "@/utils/config.js";
	let {
		photo_cdn
	} = config.baseUrl;
	export default {
		props: {
			lists: {
				type: Array,
				default: []
			},
		},
		data() {
			return {
				photo_cdn
			}
		},
		methods: {
			//跳转
			jump(e){
				console.log(e)
				uni.navigateTo({
					url:e
				})
			},
		}
	}
</script>

<style>

</style>
